<script setup lang="ts">
import { RouterView } from 'vue-router'
import VScaleScreen from 'v-scale-screen'
import type{ CSSProperties } from 'vue';
import bg from '@/assets/public-bg.png'

const boxStyle: CSSProperties = {
  "background-image": `url(${bg})`,
  "background-repeat": "no-repeat",
  "background-size": "cover",
  "background-color":'#082749'
};
// const boxStyle: CSSProperties = {
//   "background-color":'#eee'
// };
// const wrapperStyle = {
//   "background-color":'#082749'
// };
</script>

<template>
  <v-scale-screen width="1920" height="1080" :boxStyle='boxStyle'>
    <RouterView />
  </v-scale-screen>
</template>
